*
  margin: 0
  padding: 0

#header
  height: 70px
  width: 100%
  display: flex

.header-center
  margin: 0 auto
  width: 1520px
  display: flex

#header ul a
  text-decoration: none
  color: black

.logo
  height: 70px
  width: 120px

.list
  width: 360px
  height: 70px

  ul
    display: flex
    justify-content: space-between
    padding-left: 10px

  li
    list-style: none
    font-size: 20px
    font-weight: 700
    line-height: 70px

.search
  margin-left: 200px
  margin-top: 5px
  display: flex
  right: 300px

  input
    height: 40px
    width: 400px
    box-shadow: none
    padding-top: 5px

  span
    position: relative
    right: 40px
    top: 5px
    font-size: 30px

.user
  height: 70px
  position: relative
  left: 120px
  display: flex

.shoppingcar
  height: 70px
  position: relative
  left: 200px

.video1
  width: 100%
  height: 500px
  z-index: 1000
  position: relative

.GPS-mao
  width: 100%
  background-color: white
  display: flex
  justify-content: space-around
  opacity: 0
  height: 250px
  top: 70px
  position: absolute
  z-index: 999

  img
    width: 150px
    height: 150px

  ul
    list-style: none

    li
      margin-top: 5px

    a
      text-decoration: none

.GPS-mao-imgs
  padding-top: 10px

  ul
    display: flex

.GPS-mao-list
  width: 150px

.GPS-jacket
  width: 100%
  background-color: white
  display: flex
  justify-content: space-around
  opacity: 0
  height: 250px
  top: 70px
  position: absolute
  z-index: 999

  ul
    list-style: none

    li
      margin-top: 15px

    a
      text-decoration: none
      color: black

.GPS-jacket-imgs
  padding-top: 10px

  img
    width: 150px
    height: 150px

.GPS-jacket-list
  width: 150px

.GPS-pants
  width: 100%
  background-color: white
  display: flex
  justify-content: space-around
  opacity: 0
  height: 250px
  top: 70px
  position: absolute
  z-index: 999

.GPS-pants-list
  width: 150px

.GPS-pants ul
  list-style: none

  li
    margin-top: 15px

  a
    text-decoration: none
    color: black

.GPS-pants-imgs
  padding-top: 10px
  display: flex

  img
    width: 150px
    height: 150px

.GPS-bag
  width: 100%
  background-color: white
  display: flex
  justify-content: space-around
  opacity: 0
  height: 250px
  top: 70px
  position: absolute
  z-index: 999

.GPS-bag-list
  width: 150px

.GPS-bag ul
  list-style: none

  li
    margin-top: 15px

  a
    text-decoration: none
    color: black

.GPS-bag-imgs
  padding-top: 10px

  img
    width: 150px
    height: 150px

.gowhere
  margin: 20px auto
  width: 100%
  height: 200px

.xian
  height: 80px
  width: 100%
  background-color: #555

#gowhere-neirong
  margin: auto
  width: 1000px
  height: 200px
  display: flex
  justify-content: space-between
  position: relative

  div
    text-align: center
    line-height: 200px
    color: black

.bgc1
  background-image: url(../img/logo/kk1.jpg)
  background-size: 200px 200px
  width: 200px
  height: 200px

.shop
  width: 100px
  height: 100px
  font-size: 60px
  position: absolute
  top: 25px
  left: 25px

.bgc2
  background-image: url(../img/logo/kk3.jpg)
  background-size: 200px 200px
  width: 200px
  height: 200px

.gwc
  width: 100px
  height: 100px
  font-size: 60px
  position: absolute
  top: 25px
  left: 440px

.bgc3
  background-image: url(../img/logo/kk2.jpg)
  background-size: 200px 200px
  width: 200px
  height: 200px

.learn
  width: 100px
  height: 100px
  font-size: 55px
  position: absolute
  top: 25px
  left: 840px

.mendian
  width: 100%
  min-height: 1100px

.mendian-center
  width: 1000px
  height: 900px
  margin: auto
  margin-top: 40px
  flex-direction: column
  justify-content: space-between

  img
    width: 450px
    height: 300px

  a
    text-align: center
    text-decoration: none
    color: black

.mendian-center-top
  display: flex
  justify-content: space-between

.mendian-text
  text-align: center

.move-picture
  height: 400px
  width: 100%
  margin-left: 50%
  left: -760px
  position: relative

.move-banxin
  margin: 0 auto
  height: 400px
  width: 1000px

.move-picture-center
  height: 400px
  width: 1000px
  margin-left: 50%
  left: -759px
  position: absolute

.move-picture img
  width: 1518px
  height: 400px
  position: absolute

#move-picture-left
  width: 40px
  height: 50px
  background-color: brown
  line-height: 50px
  text-align: center
  position: relative
  top: 50%
  font-size: 30px
  z-index: 999

#move-picture-right
  width: 40px
  height: 50px
  background-color: brown
  line-height: 50px
  text-align: center
  position: relative
  top: 40%
  font-size: 30px
  right: -1478px
  z-index: 999

.move-picture1 img
  &:nth-child(1)
    z-index: 2
    opacity: 1

  &:nth-child(2), &:nth-child(3), &:nth-child(4)
    z-index: 1
    opacity: 0

.foot
  background-color: #232323
  height: 400px
  width: 100%

.foot-head
  width: 100%
  height: 100px
  display: flex
  justify-content: space-evenly

.place, .follow
  color: white
  width: 200px
  height: 100px
  line-height: 100px
  font-size: 20px

.survice
  display: flex
  justify-content: center
  color: white

.survice-one
  height: 300px
  width: 200px
  color: white

  ul
    list-style: none
    margin-top: 30px
    line-height: 40px

    a
      color: white
      text-decoration: none

#myBtn
  display: none
  position: fixed
  bottom: 20px
  right: 30px
  z-index: 99
  outline: none
  background-color: #E5E5E5
  color: black
  padding: 15px
  width: 30px
  height: 50px
  line-height: 25px
  text-align: center
  font-size: 30px

  &:hover
    border: #555 1px solid